/*
 * Copyright (c) 2005, 2014 vacoor
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 */
html {
    height: 100%;
}

body {
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
}

.container {
    height: 100%;
    overflow: hidden;
    *zoom: 1;
}

.container:after {
    content: "";
    width: 0;
    height: 0;
    display: block;
    clear: both;
}

.nav {
    width: 19.8%;
    height: 99.7%;
    background-color: #f7f7f7;
    border-right: 1px solid #878787;
    /*overflow: auto;*/
}

.content {
    width: 80%;
    height: 99.7%;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.toolbar {
    background-color: #E5E5E5;
    border-bottom: 1px solid #878787;
}

.toolbar:after {
    content: "";
    width: 0;
    height: 0;
    display: block;
    clear: both;
}

.toolbar [class*='btn'] {
    margin: 0 2px;
    padding: 2px 0 2px 17px;
    border: 1px solid transparent;
}

.toolbar [class*='btn']:hover {
    background-color: #E5E5E5;
    border-color: #ACA899;
    border-radius: 2px;
}

.toolbar span.separator:after {
    content: '|';
    display: inline-block;
    color: #A9A9A9;
}

.btn-execute {
    background: url(../img/icons/execute.png) no-repeat left center;
}

.btn-clear {
    background: url(../img/icons/clear.png) no-repeat left center;
}

.btn-commit {
    background: url(../img/icons/commit.png) no-repeat left center;
}

.btn-rollback {
    background: url(../img/icons/rollback.png) no-repeat left center;
}

.btn-force-refresh {
    background: url(../img/icons/forceRefresh.png) no-repeat left center;
}


.script {
    border-bottom: 1px solid #c5c5c5;
    position: relative;
    height: 50%;
}

.script .CodeMirror {
    height: 100%;
}

.result {
    /*height: 50%;*/
    position: relative;
    height: 45%;
    overflow: auto;
}

table {
    /*max-width: 100%;*/
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 1em;
}

.table {
    /*width: 100%;*/
    /*margin-bottom: 20px;*/
}

.table th, .table td {
    padding: 3px 5px;
    line-height: 20px;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #dddddd;
    white-space: nowrap;
}

.table th {
    font-weight: bold;
}

.table thead th {
    vertical-align: bottom;
}

.table thead:first-child tr:first-child td {
    border-top: 0;
}

.table tbody + tbody {
    border-top: 2px solid #dddddd;
}

.table .table {
    background-color: #ffffff;
}


.table-bordered {
    border: 1px solid #dddddd;
    border-collapse: separate;
    *border-collapse: collapse;
    border-left: 0;
}

.table-bordered th,
.table-bordered td {
    border-left: 1px solid #dddddd;
}

.table-bordered caption + thead tr:first-child th,
.table-bordered caption + tbody tr:first-child th,
.table-bordered caption + tbody tr:first-child td,
.table-bordered colgroup + thead tr:first-child th,
.table-bordered colgroup + tbody tr:first-child th,
.table-bordered colgroup + tbody tr:first-child td,
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
    border-top: 0;
}

.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th {
    background-color: #f9f9f9;
}

.table-hover tbody tr:hover > td,
.table-hover tbody tr:hover > th {
    background-color: #f5f5f5;
}


/**/
.preview {
    overflow: auto;
    height: 90%;
}
.preview ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.nav ul li ul {
    padding: 0 20px;
}

.nav ul a {
    display: block;
    text-decoration: none;
    color: #000;
}

/*  */
.node {
    margin: 0 5px;
    padding: 2px 20px;
}

.title {
    height: 20px;
    line-height: 20px;
    padding: 1px 22px;
    background: #CFCFCF url(../img/icons/logo.png) no-repeat 5px center;
    border-bottom: 1px solid #747474;
}

.dbconn {
    background: url(../img/icons/dbconn.png) no-repeat left center;
}

.db {
    background: url(../img/icons/db.png) no-repeat left center;
}

.db-tables {
    background: url(../img/icons/tables.png) no-repeat left center;
}

.db-table {
    background: url(../img/icons/table.png) no-repeat left center;
}

.db-column {
    background: url(../img/icons/column.png) no-repeat left center;
}

.db-views {
    background: url(../img/icons/views.png) no-repeat left center;
}

.db-view {
    background: url(../img/icons/view.png) no-repeat left center;
}

.synonym {
    background: url(../img/icons/synonym.png) no-repeat left center;
}

.db-funcs {
    background: url(../img/icons/functions.png) no-repeat left center;
}

.db-func {
    background: url(../img/icons/function.png) no-repeat left center;
}

.db-packs{
    background: url(../img/icons/packages.png) no-repeat left center;
}
.db-pack {
    background: url(../img/icons/package.png) no-repeat left center;
}

.fix-table {
    overflow: hidden;
}

.fix-table div.fix-table-body {
    overflow: auto;
    /*max-height: 90px; *//* body 滚动条 */
    height: 85%;
    max-height: 85%;
}

.nav .preview .dbconn ul {
    display: none;
}
